<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>汤山社会治理数据采集系统</title>
	<!-- <link rel="stylesheet" type="text/css" href="css/example.css" /> -->
	<link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/public.css?v=1.0.2" />
	<link rel="stylesheet" type="text/css" href="css/element-ui.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/placeList.css?v=3.0" />
</head>

<body>
	<div id="main" v-cloak>
		<div class="ub-searchContent">
			<!-- 筛选 -->
			<div @click="showModal()" class="ub-screening">
				<span>筛选</span>
				<img src="images/placesCreening.png">
			</div>
			<!-- 搜索 -->
			<div class="ub-search">
				<img src="images/placeSearch.png">
				<input v-model="placeObj.keywords" type="text" placeholder="输入您的搜索内容">
				<a @click="getPlaceList()" role="button" class="weui-btn weui-btn_primary">搜索</a>
			</div>
		</div>
		<div class="ub-placeDetail">
			<!-- <div class="ub-placeDetail"> -->
			<!-- 行业分类or网格员下场所所名称，数量 -->
			<div class="ub-placeDetailTitle">
				<div class="ub-placeDetailTitle-left">
					<div></div>
					<div v-cloak>{{cateName}}</div>
				</div>
				<div v-cloak>{{total}}条信息</div>
			</div>
			<div class="ub-line"></div>
			<!-- 场所列表 -->
			<div class="ub-placeDetail-content">
				<div class="ub-placeDetail-layout" v-for="item in placeList">
					<div class="ub-layout-left">
						<p style="display: block;">
							<div class="ub-place9" style="display: flex;">
								<div class="ub-place-Title">{{item.place_name}}</div>
								<div v-if="item.is_small_place == 1">
									<img style="width: 30px;" src="images/place9xiao.png">
								</div>
							</div>
						</p>

						<!-- <p v-cloak>{{item.place_name}}</p>
							<div v-if="item.is_small_place == 0">222</div> -->
						<div>
							<img src="images/placeLocation.png">
							<p v-cloak>{{item.address}}</p>
						</div>
						<div class="ub-location" v-if="item.has_location == 1">
							距您 {{item.distance}}
						</div>
						<div class="ub-jcsj_p">
							<div class="ub-text_1">
								检查时间：
							</div>
							<div class="ub-text_2" v-if="item.last_check_time_cn">
								{{item.last_check_time_cn}}
							</div>
							<div class="ub-text_2" v-if="!item.last_check_time_cn">
								暂无
							</div>
						</div>
						<div class="ub-layout-no">
							<div class="ub-noLocation" v-if="item.has_location == 0">无定位</div>
							<div class="ub-noImages" v-if="item.has_images == 0">无相片</div>
							<div class="ub-noNote" v-if="item.has_remark == 0">无备注</div>
						</div>

					</div>
					<a @click="goPlaceDetail(item.id)" role="button" class="weui-btn weui-btn_primary">查看详情</a>
				</div>

				<div class="ub-nodata" v-if="placeList.length == 0" v-cloak>
					<img src="./images/noData.png" alt="">
					<p class="ub-noData_text">暂无数据</p>
				</div>
			</div>
		</div>
		<!-- 筛选弹窗 -->
		<div class="" wah-hotarea="click" v-show="isShow == true" v-cloak>
			<div class="weui-mask weui-animate-fade-in"></div>
			<div class="weui-half-screen-dialog weui-picker weui-animate-slide-up" role="dialog" aria-modal="true"
				tabindex="-1">
				<div class="ub-screeningTitle">
					<span>筛选</span>
					<p @click="isShow = false">
						<img src="images/cancel.png">
					</p>
				</div>
				<div class="ub-industry">
					<p>标签</p>
					<div class="ub-industry-tags">
						<el-checkbox-group v-model="tags">
							<el-checkbox v-for="item in tagList" :label="item.tag" :key="item.tag">
								{{item.tag_name}}</el-checkbox>
						</el-checkbox-group>
					</div>
					<p v-if="type == 2">行业</p>
					<div v-if="type == 2" class="ub-industry-content">
						<div @click="chooseIndustry(99)" :class="cateIndex == 99?'ub-selected':''">全部
							({{categoryTotal}})</div>
						<div @click="chooseIndustry(index, item.cate_id)" v-for="(item,index) in myPlaceList"
							:class="index == cateIndex?'ub-selected':''" :key="item.cate_id">
							{{item.cate_name}}
							<span>({{item.count}})</span>
						</div>
					</div>
					<p v-if="type == 1">社区</p>
					<div v-if="type == 1" class="ub-industry-content">
						<div @click="chooseIndustry1(index, item.dept_id)" v-for="(item,index) in gridList"
							:class="index == cateIndex?'ub-selected':''" :key="item.dept_id">
							{{item.name}}
							<span>({{item.count}})</span>
						</div>
					</div>
					<!-- <div>
						<el-checkbox style="font-size: 14px;color: #262B31;" v-model="isPlace9">九小场所</el-checkbox>
						<el-checkbox style="font-size: 14px;color: #262B31;" v-model="isCatering">涉餐饮</el-checkbox>
					</div> -->
				</div>
				<div class="ub-button">
					<a @click="getPlaceList()" class="weui-btn weui-btn_primary weui-picker__btn"
						id="weui-picker-confirm" data-action="select" role="button" wah-hotarea="click">确定</a>
				</div>
			</div>
		</div>
		<div v-cloak v-if="showLoading" style="text-align: center;"><i class="el-icon-loading"></i></div>
		<!-- <el-backtop :right="10" :bottom="100" class="ub-goTop">
				<img src="images/goTop.png" >
				回顶部
			</el-backtop> -->
		<div v-cloak v-if="backTop" @click="topclick" class="ub-goTop">
			<img src="images/goTop.png">
			回顶部
		</div>
		<!-- 底部导航栏 -->
		<div class="ub-footerNav">
			<div role="tablist" style="background: #fff;" aria-label="选项卡标题" class="weui-tabbar">
				<a href="index.html" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
					aria-controls="panel2" class="weui-tabbar__item">
					<img src="images/navIcon1.png" alt="" class="weui-tabbar__icon">
					<p aria-hidden="true" id="t2_title" class="weui-tabbar__label">地图查看</p>
				</a>
				<a href="listLook.html" id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips"
					aria-selected="true" aria-controls="panel1" class="weui-tabbar__item weui-bar__item_on">
					<div id="t1_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon3-selected.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge" style="position: absolute; top: -2px; right: -13px;">8</span> -->
					</div>
					<p id="t1_title" aria-hidden="true" class="weui-tabbar__label">列表查看</p>
				</a>
				<a href="personalCenter.html" id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips"
					aria-selected="false" aria-controls="panel3" class="weui-tabbar__item">
					<div id="t3_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon2.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge weui-badge_dot" role="img" alt="new"
							style="position: absolute; top: 0; right: -6px;"></span> -->
					</div>
					<p id="t3_title" aria-hidden="true" class="weui-tabbar__label">个人中心</p>
				</a>
			</div>
		</div>
	</div>


	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/wxPublic.js?v=15.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/placeList.js?v=1.0.3" type="text/javascript" charset="utf-8"></script>
</body>

</html>